<!DOCTYPE HTML>
<html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Testcase for bug 391979</title>
    <style type="text/css">

        html,body {
            color:black; background-color:white; font-size:16px; padding:0; margin:0;
        }
	
        .float { float:left; clear:both; }
        .t1 { -moz-column-count:2; -moz-column-width: 9ch; -moz-column-gap: 2ch; background:red; height:4ch; }

        .abs { position:absolute; width:20ch; height:4ch; }

        .red { background:red; }
        .green { background:green; }
    </style>
</head>
<body>
<div class="abs green" style="left:0; top:0;">green</div>
<div class="abs red" style="left:0; top:4ch; z-index:-1;">green</div>
<div class="abs green" style="left:0; top:8ch; z-index:2;">green</div>
<div class="abs red" style="left:0; top:12ch;">green</div>

<div class="float">
  <div class="t1 red">green</div>
</div>

<div class="float">
  <div class="t1 green">green</div>
</div>

<div class="t1" style="position: absolute; top:8ch; ">green</div>
<div class="t1 green" style="position: absolute; top:12ch; z-index:2;">green</div>

</body>
</html>
